<template>
  <div>
    <header class="mui-bar mui-bar-nav">
      <h1 class="mui-title">乐淘云购</h1>
    </header>
    <nav class="mui-bar mui-bar-tab">
      <router-link to="/home" class="mui-tab-item">
        <span class="mui-icon mui-icon-home"></span>
        <span class="mui-tab-label">首页</span>
      </router-link>
      <router-link to="/product" class="mui-tab-item">
        <span class="mui-icon mui-icon-bars"></span>
        <span class="mui-tab-label">分类</span>
      </router-link>
      <router-link to="/shopcart" class="mui-tab-item">
        <span class="mui-icon mui-icon-extra mui-icon-extra-cart"></span>
        <span class="mui-tab-label">购物车</span>
      </router-link>
      <router-link to="/vip" class="mui-tab-item">
        <span class="mui-icon mui-icon-person"></span>
        <span class="mui-tab-label">会员中心</span>
      </router-link>
    </nav>
    <div class="mui-content">
      <router-view/>
    </div>
  </div>
</template>

<script>
export default {
  name:'app',
};
</script>

<style lang="less" scoped>
.mui-bar {

  
}
</style>
